<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Information Technology Short Course Programs" />
<meta name="keywords" content="ComLabs, IT, Course, ITB, USDI, Training" />

<title>ComLabs IT Course | Home</title>
<link rel="shortcut icon" href="favicon.ico" mce_href="http://www.thenameofyoursitehere.com/favicon.ico"/>

<!--GENERAL STYLE-->
<link href="css/baru.css" rel="stylesheet" type="text/css" />


<!--MAIN SCRIPT-->
<script type="text/javascript" src="js/simpletooltip.js"></script>
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/feri_count.js"></script>
<script type="text/javascript" src="js/feri_tooltip.js"></script>
<script type="text/javascript" src="js/feri_slider.js"></script>
<script type="text/javascript" src="js/captify.tiny.js"></script>
<script type="text/javascript" src="js/feri_sche_toggle.js"></script>

<!--FONT SCRIPT-->
<script type="text/javascript" src="js/Droid_Sans_400.font.js"></script>
<script type="text/javascript" >
	Cufon.replace('.droid');
</script>
<script type="text/javascript" src="js/DIN_Alternate_400-DIN_Alternate_700.font.js"></script>
<script type="text/javascript" >
	Cufon.replace('.din');
</script>
<script type="text/javascript" src="js/HelveticaNeue_400.font.js"></script>
<script type="text/javascript" >
	Cufon.replace('.hel');
</script>
<script type="text/javascript" src="js/Myriad_Pro_400-Myriad_Pro_700.font.js"></script>
<script type="text/javascript" >
	Cufon.replace('.myd');
</script>

<!--CAPTION SCRIPT-->
<script type="text/javascript">
$(function(){
	$('img.captify').captify({
		// all of these options are... optional
		// ---
		// speed of the mouseover effect
		speedOver: 'fast',
		// speed of the mouseout effect
		speedOut: 'normal',
		// how long to delay the hiding of the caption after mouseout (ms)
		hideDelay: 400,	
		// 'fade', 'slide', 'always-on'
		animation: 'slide',		
		// text/html to be placed at the beginning of every caption
		prefix: '',		
		// opacity of the caption on mouse over
		opacity: '0.4',					
		// the name of the CSS class to apply to the caption box
		className: 'caption-bottom',	
		// position of the caption (top or bottom)
		position: 'bottom',
		// caption span % of the image
		spanWidth: '100%'
	});
});
</script>

</head>
<body>
<div id="selubung">
	<div id="logodanmenu">
		<div id="logo"><img src="images/logoheader_03.png" width="157" height="100" alt="logo" /></div>
		<div id="menu">
		  <a href="#" id="productmenu"></a>
		  <a href="#" id="schedulemenu"></a>
		  <a href="#" id="contactmenu2"></a>
		</div>
	</div><!---end #logodanmenu--->
    <div id="bawahmenu">
    	<div id="bwhmenu1"></div>
    	<div id="bwhmenu2x">
        	<div id="menutambahan"> 
            <a href="#">Sertifikasi</a>  
            <a href="#">Pengumuman</a>  
            <a href="#">Berita</a>  
            <a href="#">Tutorial</a>  
            <a href="#">Forum</a>
            </div>
		</div>
	</div><!---end #bawahmenu--->

    <div id="isi">
		<div class="atas"></div>
		<div class="tengah">
			<div id="isidalam">
				<div id="omenu">
					<table width="100%" border="0" cellpadding="0" cellspacing="0" id="menuo">
						<tr>
							<td width="182"><a href="overview.html" class="over">&nbsp;</a></td>
							<td width="181"><a href="syllabus.html" class="syl">&nbsp;</a></td>
							<td>&nbsp;</td>
							<td width="229"><a href="step1.html" class="daf">&nbsp;</a></td>
						</tr>
					</table>
				</div>
				<div class="putihatas"></div>
				<div class="putihtengah">
					<div id="oisi">
						<div id="oisi1">
							<table width="100%" border="0" cellpadding="0" cellspacing="0" id="Tabel_judul">
								<tr>
								  <td width="20%" class="kodeaja din">ACD</td>
								  <td width="80%" class="pertama">
								  <p class="judulSeries myd">ACADEMIC PROGRAM</p>
								  <p class="judulpelatihan myd">AUTOCAD 2D DRAWING FUNDAMENTAL</p>
								  <p class="judulSeries myd lagi">ENGINEERING APPLICATION SERIES</p>
								  </td>
								</tr>
								<tr>
								  <td width="20%" class="ketiga judulDeskripsi myd">DESKRIPSI</td>
								  <td width="80%" class="kedua">&nbsp;</td>
								</tr>
							  </table>
						</div>
						<div id="oisi2" class="keempat">
							<p class="deskripsi">Pada masa sekarang, ketika internet sudah memegang peranan penting, website sudah menjadi salah satu kunci sukses dalam dunia bisnis. Dengan website, suatu instansi dapat berkomunikasi dengan pengunjung secara lebih intensif kapan pun dan di mana pun. Dengan mengunggah informasi pada website, suatu instansi dapat menampilkan produk mereka, membangun citra, bahkan berkomunikasi dengan calon kustomer. Oleh karena itu Website yang menarik dan efektif serta interaktif merupakan hal yang sangat diperlukan untuk suatu instansi. Development website yang menarik dan interaktif tentunya membutuhkan tools untuk design dan programming.</p>
							<p class="deskripsi">Adobe Dreamweaver merupakan salah satu software editor HTML yang mudah digunakan untuk design website karena berbagai fasilitas seperti adanya library untuk mempermudah pengetikan perintah dan juga fast preview untuk melihat hasil website kita secara cepat pada beberapa browser. Untuk bahasa pemrogramannya, bahasa yang banyak dipakai adalah PHP. Selain karena open source, PHP sangatlah mudah digunakan namun tetap bisa memberikan hasil yang optimal. Dengan PHP, website yang dibuat dapat menjadi dinamis dan interaktif.</p>
							<p class="deskripsi">Pelatihan ini akan membimbing peserta untuk dapat membuat website yang menarik, dinamis dan interaktif dengan menggunakan tools di atas. Beberapa hal yang merupakan kaidah dalam design website akan didiskusikan dan dipraktekan. Penggunaan PHP sebagai bahasa pemrograman pun akan diajarkan untuk membuat website menjadi dinamis dan juga interaktif.</p>
						</div>
						<div id="oisi3">
							<table border="0" cellspacing="0" cellpadding="0" width="100%">
							  <tr>
								<td>
									<table width="100%" border="0" cellspacing="0" cellpadding="0">
									  <tr>
										<td class="keempat" colspan="2">
										<div class="selongsong">
											<div class="judul myd">OBJECTIVE</div>
											<ul>
											  <li>Mengerti perancangan website menggunakan HTML dengan software Adobe Dreamweaver</li>
											  <li>Mampu merancang tata letak website yang menarik dengan menggunakan pemahaman HTML </li>
											  <li>Mampu membuat website yang dinamins dan interaktif menggunakan bahasa pemrograman PHP</li>
											</ul>
										</div>
										</td>
									  </tr>
									  <tr>
										<td>
										<div class="selongsong">
											<div class="judul myd">TOOLS</div>
											<ul>
											  <li>Dasar pengoperasian komputer</li>
											  <li>Familiar dengan  Microsoft Windows 7</li>
											  <li>Familiar dengan internet</li>
											</ul>
										</div>
										</td>
										<td class="kelima">
										<div class="selongsong">
											<div class="judul myd">RELATED COURSE</div>
											<ul>
											  <li>Dasar pengoperasian komputer</li>
											  <li>Familiar dengan  Microsoft Windows 7</li>
											  <li>Familiar dengan internet</li>
											</ul>
										</div>
										</td>
									  </tr>
									</table>
								</td>
								<td class="kelima">
									<div class="keempat selongsong">
										<div class="judul myd">PREREQUISITE</div>
										<ul>
										  <li>Dasar pengoperasian komputer</li>
										  <li>Familiar dengan  Microsoft Windows 7</li>
										  <li>Familiar dengan internet</li>
										</ul>
									</div>
									<div class="selongsong">
										<div class="judul myd">DURATION</div>
										<table width="90%" border="0" align="left" cellpadding="5" cellspacing="0">
									  <tr>
										<td width="30%">
											<p class="durasi myd">24</p>
											<p class="biasa_kanan">Jam</p>
										</td>
										<td width="70%" class="kelima">
											<p class="durasi_kiri myd">2 Sesi</p>
											<p class="biasa">Perminggu</p>
										</td>
										</tr>
									  <tr>
										<td width="30%" class="ketiga">
											<p class="durasi myd">12</p>
											<p class="biasa_kanan">Sesi</p>
										</td>
										<td width="70%" class="kedua">
											<p class="durasi_kiri myd">2 Jam</p>
											<p class="biasa">Persesi</p>
										</td>
										</tr>
									  </table>
									</div>
								</td>
							  </tr>
							</table>
						</div><!---end #oisi3--->
					</div><!---end #oisi--->
				</div><!---end #putihtengah--->
				<div class="putihprofil_ATAS"></div>
				<div class="putihprofil_TENGAH">
					<table width="715" border="0" align="center" cellpadding="0" cellspacing="0">
						<tr class="biasa">
						  <td class="putihprofil_BATAS" align="center" valign="middle"><a href="#">Download PDF version</a></td>
						  <td class="putihprofil_BATAS" align="center" valign="middle"><a href="courseschedulle.html">Course Schedulle</a></td>
						  <td class="putihprofil_BATAS" align="center" valign="middle"><a href="instructorprofile.html">Instructor Profile</a></td>
						  <td class="putihprofil_BATAS" align="center" valign="middle"><a href="testimonial.html">Testimonial</a></td>
						  <td align="center" valign="middle"><a href="classporto.html">Class Portofolio</a></td>
						</tr>
					</table>
				</div>	
				<div class="putihprofil_BAWAH"></div>
			</div><!---end #isidalam--->
		</div><!---end #tengah--->
	</div><!---end #isi--->
</div><!---end #selubung--->
	<div class="bawah"></div>
	<div class="clear"></div>  
    <div id="footer">
    	<div id="footerbackL"></div>
    	<div id="footerback">
        <a href="http://www.itb.ac.id">ITB</a> | 
        <a href="http://www.comlabs.itb.ac.id">ComLabs USDI ITB Homepage</a> | 
        <a href="http://cdf.comlabs.itb.ac.id">ComLabs Discussion Forum </a> | 
        <a href="http://www.facebook.com/pages/ComLabs-ITCourse/184063721610460?sk=wall">Facebook Page</a> | 
        <a href="http://twitter.com/#!/ComLabsITCourse"> Twitter Page</a> | 
        <a href="contact.html"> Contact</a> | 
        <a href="#">Partnership</a>
        </div>
    	<div id="footerbackR"></div> 
        <div class="clear"></div>   
	</div><!---end #footer--->
</body>
</html>
